.phone-box{
  width: 433px;
  height: 864px;
  background-image: url("../../../assets/Phone.png");
  background-repeat: no-repeat;
  padding: 26px 29px 27px 29px;
  border-radius: 60px;

  .phone-main{
    width: 100%;
    height: 100%;
    padding: 34px 20px 0 20px;
    border-radius: 38px;
    overflow: hidden;

    .phone-content{
      width: 100%;
      height: 100%;

      .phone-wechat-share{
        display: flex;
        flex-direction: row-reverse;
      }

      .phone-title{
        font-size: 20px;
        font-weight: 700;

      }

      .phone-swiper{
        border-radius: 15px;
        overflow: hidden;
        img{
          width: 335px;
        }
      }

      .phone-menu{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
      }

      .phone-recommended{
        margin-top: 30px;

        .phone-recommended-button{
          text-align: center;
          flex: 1;
        }
      }

      .phone-goods{
        width: 433px;
        margin-top: 20px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        .phone-goods-info{
          width: 220px;
          margin-left: 20px;
          white-space: normal;
        }
      }

    }
    .phone-footer{
      width: 375px;
      height: 45px;
      background: #ffffff;
      border-bottom-left-radius: 38px;
      border-bottom-right-radius: 38px;
      position: relative;
      bottom: 45px;
      left: -21px;
      display: flex;
      flex-direction: row;
      text-align: center;
      font-size: 12px;
      font-weight: 600;

      img{
        width: 30px;
      }

      :nth-child(1){
        flex: 1;
        cursor: pointer;
      }
      :nth-child(2){
        flex: 1;
        cursor: pointer;
      }
      :nth-child(3){
        flex: 1;
        cursor: pointer;
      }
    }
  }
}